<!-- This document is used to test and develop dmMonocle. For integration with CONTENTdm, please review 
	 item_viewer.php and pan_view.php -->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<title>dmMonocle - View CONTENTdm images with style!</title>	
	<link rel="stylesheet" href="styles/dmmonocle.css" type="text/css" media="screen">
</head>
<body>

<div id="feedback"> <!-- this div is for testing, allowing developers to dump text into it to check teh mathz --> </div>

<div id="dmMonocle">
	<!-- Currently, dmMonocle is a bit unflexible. It requires there be a div called dmMonocle on the page to work. --> 
</div>

<!-- Put all JS at the bottom of the page (general best practice). -->
<script type="text/javascript" src="scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="scripts/jquery.event.drag-1.5.min.js"></script>
<script type="text/javascript" src="scripts/jquery-ui-1.7.1.custom.min.js"></script>
<script type="text/javascript" src="scripts/jquery.metadata.js"></script>
<script type="text/javascript" src="scripts/jquery.dmmonocle.js"></script>

<!-- Initialize dmMonocle. -->
<div class="dmMonocle">
		
	<!-- all necessary divs will be generated. The idea will to be able to call dmViewer like any jquery class. Ex:
    	
        $('#viewer').dmViewer({
        	CISOPTR: 426,
            CISOROOT: Hughes,
            defaultZoom: .25,
            defaultRotation: 0,
            dmMaxHeight: (maximum height of the image),
            dmMaxWidth: (maximum width of the image),
            dmBridge: true (this value would be called for dmBridge enabled sites, which would provide additional functionality, such as shared slices).
        });
    	
     -->
</div> <!-- /viewer -->

<!--<div class="dmMonocle { CISOROOT: '/LV_Maps',  CISOPTR: 426, dmImageHeight: 9590, dmImageWidth: 10360, dmBridge: true }">&nbsp;</div> -->

<script type="text/javascript">
	$(window).load(function() {
		/* Panoramic View
		
		$('.dmMonocle').dmMonocle({ 
			CISOROOT: '/snv',  
			CISOPTR: 1493, 
			dmImageHeight: 1432, 
			dmImageWidth: 4012, 
			dmBridge: true 
		});
		
		*/
		
		/* Search Text */
		$('.dmMonocle').dmMonocle({ 
			CISOROOT: '/university',  
			CISOPTR: 1089, 
			dmImageHeight: 9188, 
			dmImageWidth: 6404, 
			dmBridge: false,
			searchText: "snow",
			urlPrefix: "http://dlsd.sdln.net" 
		}); 
		
		/* Maps 
		$('.dmMonocle').dmMonocle({ 
			CISOROOT: '/LV_Maps',  
			CISOPTR: 426, 
			dmImageHeight: 9590, 
			dmImageWidth: 10360, 
			dmBridge: true 
		});	*/
		
		
		// Examples in the old format
		//dmBridgeZoomer(10360, 9590, 426, "/LV_Maps")						   
		//dmBridgeZoomer(5111, 3842, 9, "/snv")
		//dmBridgeZoomer(2596, 3335, 5178, "/snv")
		// dmBridgeZoomer(5831, 3559, 2678, "/snv")
		//dmBridgeZoomer(4012, 1432, 1493, "/snv")
		
	});
</script>

</body>
</html>
